<template>
  <div class="screen-block">
    <Title>车队储值排行</Title>
    <div style="width: 100%; height: 90%">
      <scroll-ranking-board :config="config" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import Title from '../title.vue';
import { ScrollRankingBoard } from '@kjgl77/datav-vue3';
const config = ref({
  data: [
    {
      name: '车1',
      value: 55,
    },
    {
      name: '车2',
      value: 120,
    },
    {
      name: '车3',
      value: 78,
    },
    {
      name: '车4',
      value: 66,
    },
    {
      name: '车5',
      value: 80,
    },
    {
      name: '车6',
      value: 45,
    },
    {
      name: '车7',
      value: 29,
    },
  ],
  unit: '万元',
});
</script>

<style lang="scss">
.screen-block {
  width: 100%;
  height: 100%;
}
</style>
